.row_dragging {
  background: #fafafa;
  border: 1px solid #ccc;
  z-index: 10000 !important;
}

.row_dragging td {
  padding: 16px;
}

.row_dragging .drag_visible {
  visibility: visible;
}

.customer-grid {
  :global {

    tr,
    td {
      white-space: normal;
    }
  }
}

:global {
  .ant-upload-list-picture-card {
    .ant-upload-list-picture-card-container>div {
      width: 100%;
      height: 100%;
    }
  }
}

.file-item {
  padding: 6px 12px;
  line-height: 22px;
  width: 50%;

  :global {
    .file-box {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .file-name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .file-opt {
      display: flex;
      align-items: center;
    }

    .file-delete,
    .file-preview {
      padding: 0 6px;
      cursor: pointer;

      &:hover {
        color: #1890ff;
      }
    }

    .preview-box {
      margin: 12px 0 12px 12px;
    }

    .preview-label {
      padding: 0 8px;
    }

    .preview-img {
      max-width: 200px;
      max-height: 150px;
      cursor: pointer;
      // object-fit: contain;
    }
  }

  &:hover {
    background-color: #e6f7ff;
  }
}